.talk {
  height: 100vh;
  overflow: hidden;
  header {
    height: 20%;
  }

  main {
    height: 50%;

    .talk-text {
      cursor: pointer;
      animation: move-around 5s alternate infinite;
      font-size: 20px;
      color: black;
      line-height: 40vh;
    }
  }

  footer {
    height: 30%;
    animation: shock 2s;
  }
}

@keyframes shock {
  0% {
    opacity: 1;
  }
  30% {
    opacity: 0;
  }
  60% {
    opacity: 0.5;
  }
  90% {
    opacity: 1;
  }
}

@keyframes move-around {
    0% {
        transform: translate(0,0);
    }
    25% {
        transform: translate(5px,5px);
    }
    50% {
        transform: translate(-5px,0);
    }
    75% {
        transform: translate(5px,-5px);
    }
    100% {
        transform: translate(0,0);
    }
}
